<form>
<input id="topic" type="text" name="newListItem" placeholder="Enter new topic here(30 char max)"/><br />
</form> 
<a id="add" href="">add</a>
<a id="update" href="">save changes</a>
<ol id="magicList">
<!--
	<li><span class="editable">topic 1</span><a class="delete" href="">delete</a></li>
	<li><span class="editable">topic 2</span><a class="delete" href="">delete</a></li>
	<li><span class="editable">topic 3</span><a class="delete" href="">delete</a></li>
-->
</ol>
<p id="output"></p>